<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Scroll</title>
<style>
  @keyframes scroll {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
 
  .scroll-text {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    animation: scroll 10s linear infinite;
  }
</style>
</head>
<body>
 
<div class="scroll-text">
  这是一个连续的左右滚动的文字效果，你可以自定义文本和动画的速度。
</div>
 
</body>
</html>